<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		h2 {
			font-size: 52px;
			font-weight: bold;
			color: #000;
			animation: f 2s ease infinite;
		}

		p {
			font-size: 12px;
			color: #333;
		}

		@keyframes f {
			0% {
				font-size: 32px;
			}

			100% {
				font-size: 60px;
			}
		}

		._1 h2 {
			display: inline-block;
			width: min-content;
			white-space: nowrap;
		}

		._1 p {
			white-space: normal;
		}

		._2 h2 {
			display: table;
		}

		._2 p {
			display: table-caption;
			caption-side: bottom;
		}
	</style>
</head>

<body>
	<div class="_1">
		min-content
		<br />
		<h2>
			IPHONE XR<br>
			IS THE FUCKING<br>
			BEST EVER MADE
			<p>iPhone XR has not been authorized as required by the rules of the Federal Communications Commission. iPhone XR is
				not, and may not be, offered for sale or lease, or sold or leased, until authorization is obtained.</p>
		</h2>
	</div>
	<div class="_2">
		table
		<br />
		<h2>
			IPHONE XR<br>
			IS THE FUCKING<br>
			BEST EVER MADE
			<p>iPhone XR has not been authorized as required by the rules of the Federal Communications Commission. iPhone XR is
				not, and may not be, offered for sale or lease, or sold or leased, until authorization is obtained.</p>
		</h2>
	</div>

</body>

</html>